<style>
	.element_right
	{
		float:right;
		width:175px;
	}
</style>
<div class="row">
<div class="panel callout"><h6>View Profile</h6></div>
	<?if(isset($system_message))echo $system_message;
		echo validation_errors('<div data-alert class="alert-box alert">', '</div>');
	?>
	<?=form_open('employee_settings/change_profile/' . $username, array('class'=>'custom submit_forms')); ?>
	<div class="row">
		<div class="small-5">
			<div class="row">
				<div class="small-3 columns">
					<label for="profile[given_id]" class="right inline">Given ID</label>
				</div>
				<div class="small-9 columns">
					<input type="text" name="profile[given_id]" id="profile[given_id]" value="<?=$present_data['given_id']?>">
				</div>
			</div>
		</div>
	</div>
	
	<div class="row">
		<div class="large-4 columns">
			<label>Last Name</label>
			<input type="text" name="profile[last_name]" id="profile[last_name]" value="<?=$present_data['last_name']?>">
		</div>
			
		<div class="large-4 columns">
			<label>First Name</label>
			<input type="text" name="profile[first_name]" id="profile[first_name]" value="<?=$present_data['first_name']?>">
		</div>
		
		<div class="large-4 columns">
			<label>Middle Name</label>
			<input type="text" name="profile[middle_name]" id="profile[middle_name]" value="<?=$present_data['middle_name']?>">
		</div>
	</div>
		
	<div class="row">
		<div class="large-12 columns">
			<label>Email</label>
			<input type="text" name="profile[email]" id="profile[email]" value="<?=$present_data['email']?>">
		</div>
	</div>
		
	<div class="row">
		<div class="large-2 columns">
			<label for="profile[gender]">Gender</label>
			<select name="profile[gender]" id="profile[gender]" class="small">
				<option value=""></option>
				<option value="M" <?if($present_data['gender'] === 'M') echo 'selected'; ?>>Male</option>
				<option value="F" <?if($present_data['gender'] === 'F') echo 'selected'; ?>>Female</option>
			</select>
		</div>
		
		<div class="large-8 columns">
			<label>Birthdate</label>
			<input type="text" name="profile[birthdate]" class="gen_datepicker" value="<?=$present_data['birthdate'];?>" placeholder="Enter date...">
		</div>
		
		<div class="large-2 columns">
			<label for="profile[civil_status]">Civil Status</label>
			<select name="profile[civil_status]" id="profile[civil_status]" class="small">
				<option value="single" <?if($present_data['civil_status'] === 'single') echo 'selected'; ?>>Single</option>
				<option value="married" <?if($present_data['civil_status'] === 'married') echo 'selected'; ?>>Married</option>
				<option value="widowed" <?if($present_data['civil_status'] === 'widowed') echo 'selected'; ?>>Widowed</option>
				<option value="widower" <?if($present_data['civil_status'] === 'widower') echo 'selected'; ?>>Widower</option>
			</select>
		</div>
	</div>
	
	<div class="row">
		<div class="large-8 columns">
			<label>Spouse Name</label>
			<input type="text" name="profile[spouse_name]" id="profile[spouse_name]" value="<?=$present_data['spouse_name']?>">
		</div>
		
		<div class="large-4 columns">
			<label>No. of Children</label>
			<input type="text" name="profile[children_num]" id="profile[children_num]" value="<?=$present_data['children_num']?>">
		</div>
	</div>
	
	<div class="row">
		<div class="large-6 columns">
			<label>Father Name</label>
			<input type="text" name="profile[father_name]" id="profile[father_name]" value="<?=$present_data['father_name']?>">
		</div>
		
		<div class="large-6 columns">
			<label>Mother Name</label>
			<input type="text" name="profile[mother_name]" id="profile[mother_name]" value="<?=$present_data['mother_name']?>">
		</div>
	</div>
	
	<div class="row">
		<div class="large-4 columns">
			<label for="profile[employment_status]">Employment Status</label>
			<select name="profile[employment_status]" id="profile[employment_status]" class="small">
				<option value="permanent" <?if($present_data['employment_status'] === 'permanent') echo 'selected'; ?>>Permanent</option>
				<option value="contractual" <?if($present_data['employment_status'] === 'contractual') echo 'selected'; ?>>Contractual</option>
				<option value="part-time" <?if($present_data['employment_status'] === 'part-time') echo 'selected'; ?>>Part-time</option>
			</select>
		</div>
		
		<div class="large-4 columns">
			<label>Hire Date</label>
			<input type="text" name="profile[hire_date]" class="gen_datepicker" placeholder="Enter date..." value="<?=$present_data['hire_date'];?>">
		</div>
		
		<div class="large-4 columns">
			<label>Termination Date</label>
			<input type="text" name="profile[termination_date]" class="gen_datepicker" placeholder="Enter date..." value="<?=$present_data['termination_date'];?>">
		</div>
	</div>
	
	<div class="row">
		<div class="large-12 columns">
			<label>Notes</label>
			<textarea name="profile[notes]"><?=$present_data['notes'];?></textarea>
		</div>
	</div>
	
	
	<input type="hidden" name="profile[id]" id="profile[id]" value=<?php echo $u_id; ?>>
	<input type="hidden" name="profile[role]" id="profile[role]" value=<?php echo $role; ?>>
	<input type="button" class="button success small submit_btns element_right" value="Update Profile"/>
	<?=form_close(); ?>
</div>